@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0 0 0 0;
  background: url(/fileadmin/administration/systembilder/bg.gif) repeat-y center top;
  font-family: arial,helvetica,sans-serif;
  font-size: 10pt;
}

/* Spamschutz Styles */
.ts-a:after{ content:"@"; }
.ts-b:after{ content:"."; }
/* ----------------- */

div#bodybg {
  width: 990px;
  display: block;
  text-align: left;
}



DIV.csc-textpic img, embed, object, video {
 max-width: 100%;
 height: auto;
 width: auto;
}

DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
FIGCAPTION.csc-textpic-caption {
 display: block;
}
DIV.csc-textpic-left .csc-textpic-imagewrap {
 float: none;
}
DIV.csc-textpic-right .csc-textpic-imagewrap {
 float: right;
}
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
 display: inline-block;
 float: none;
 vertical-align: top;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
  margin-bottom:10px;
}

DIV.csc-textpic-center .csc-textpic-imagewrap {
  margin: 0 auto;
  text-align: center;
}

.csc-default {clear: both;}


.csc-textpic-text p:first-child {
  margin-top: 0;
  }

object#Flash,
object#Flash object {
  width: 136px;
  height: 145px;
 }

td {
  font-size: 10pt;
  color: #333;
}

p.align-left, td.align-left {
  text-align: left;
}

p.align-right, td.align-right {
  text-align: right;
}

p.align-center, td.align-center {
  text-align: center;
}

p.align-justify, td.align-justify {
  text-align: justify;
}

#kopf {
  width: 990px;
  height: 69px;
  background: url(/fileadmin/administration/systembilder/kopfbg.gif) repeat-x;
}

#logo {
  width: 639px;
  height: 38px;
  margin: 14px 0 0 22px;
  float: left;
}

#logoMobile {
  width: 270px;
  height: 38px;
  margin: 14px 0 0 22px;
  float: left;
  display: none;
}


#logo a,
#logo img {
  border: none;
  outline:none;
}

#flash {
  width: 990px;
  height: 252px;
  overflow: hidden;
  display: table;
}

#kopfbild {
  width: 990px;
  display: table;
  overflow: hidden;
}


#mainbg {
  width: 990px;
  display: table;
  background: url(/fileadmin/administration/systembilder/mainbg.gif) repeat-x;
}

#fuss {
  width: 734px;
  display: table;
  border-top: 1px solid #00508a;
  margin-left: 22px;
  padding-bottom: 40px;
}

.nav-button {
  display: none;
  }

/********************************** FLASH KOPF ERSATZ *************************/

.kopf-bg {
  width: 990px;
  height: 252px;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  color: #fff;
  }

.kopf-nav-text {
  display: none;
  }

.kopf-text-default {
  width: 350px;
  min-height: 116px;
  background: rgba(0,37,67,0.8);
  position:absolute;
  top:53px;
  left:358px;
  display: block;
  }


li.kopf-nav-item:hover ~ div.kopf-text-default {
  display: none;
  }


.kopf-text-default span {
  padding: 8px 20px 6px;
  display: inline-block;
  }

ul.kopf-nav {
  list-style: none;
  margin:0;
  padding:23px 0 0;
  }


li.kopf-nav-item {
  width: 200px;
  height: 29px;
  background: rgba(0,37,67,0.8);
  border-bottom:1px solid rgba(110,131,148,0.8);
  margin-bottom: 6px;
  }

.kopf-nav-text {
  display: none;
  width: 554px;
  height: 180px;
  background: rgba(0,80,138,0.9);
  border: 2px solid #f00;
  position: absolute;
  top: 51px;
  left: 356px;
  z-index: 10;
  }

.kopf-nav-text#item01 {
  background: url(/fileadmin/administration/flash/Bilder/BildNavi1.jpg) no-repeat top right rgba(0,80,138,0.9);
  }

.kopf-nav-text#item02 {
  background: url(/fileadmin/administration/flash/Bilder/BildNavi2.jpg) no-repeat top right rgba(0,80,138,0.9);
  }

.kopf-nav-text#item03 {
  background: url(/fileadmin/administration/flash/Bilder/BildNavi3.jpg) no-repeat top right rgba(0,80,138,0.9);
  }

.kopf-nav-text#item04 {
  background: url(/fileadmin/administration/flash/Bilder/BildNavi4.jpg) no-repeat top right rgba(0,80,138,0.9);
  }

.kopf-nav-text#item05 {
  background: url(/fileadmin/administration/flash/Bilder/BildNavi5.jpg) no-repeat top right rgba(0,80,138,0.9);
  }

.kopf-nav-text#item06 {
  background: url(/fileadmin/administration/flash/Bilder/BildNavi6.jpg) no-repeat top right rgba(0,80,138,0.9);
  }


.kopf-nav-text span {
  width: 250px;
  padding-top: 26px;
  margin-left: 13px;
  display: inline-block;
  }


li.kopf-nav-item:hover .kopf-nav-text {
  display: block;
}

li.kopf-nav-item:hover {
  background: rgba(0,80,138,1);
  border-bottom:1px solid rgba(110,131,148,1);
}


.kopf-item-linie {
  width: 356px;
  height: 2px;
  background: #f00;
  position: absolute;
  display: none;
  }

li.kopf-nav-item:hover .kopf-item-linie {
  display: block;
  }

.kopf-nav-link {
  display: block;
  font-size: 16px;
  height: 29px;
  line-height: 29px;
  padding-left: 28px;
}

 /* Russisch */
#c759 .kopf-nav-link {
  font-size: 8px;
  padding-left: 6px;
  }

.kopf-bg #c759 {
  font-size: 12px;
  }

/* Spanisch */
#c994 .kopf-nav-link {
  font-size: 14px;
  padding-left: 6px;
  }

.kopf-bg #c994 {
  font-size: 12px;
  }


/* Portugisisch */
#c1981 .kopf-nav-link {
  font-size: 15px;
  padding-left: 12px;
  }

.kopf-bg #c1981 {
  font-size: 13px;
  }

a.kopf-nav-link:link,
a.kopf-nav-link:visited,
a.kopf-nav-link:hover,
a.kopf-nav-link:active {
  color: #fff;
  text-decoration: none;
  }
  


.kopf-bg #c1991 {
  position: absolute;
  top:0;
  left:0;
  z-index:0;
  }

.kopf-bg #c150,
.kopf-bg #c759,
.kopf-bg #c994,
.kopf-bg #c1198,
.kopf-bg #c1468,
.kopf-bg #c1728,
.kopf-bg #c1981 {
  position: absolute;
  top:0;
  left:0;
  z-index:5;
}
/******************************* SPRACH MENU **********************************/

ul#lang {
  list-style: none;
  margin:10px 2px 0 0;
  padding:0;
  display: block;
  float: right;
  width: 327px;
}

#lang li {
  float: left;
  color: #00508a;
  font-size: 10pt;
  margin: 0 16px 0 0;
}

A.lang_no:link, A.lang_no:visited {
  font-size: 10pt;
  font-weight: normal;
  color: #00508a;
  text-decoration: none;
  display: block;
  padding: 0 0 5px;
  position: relative;
  top: 0px;
  left: 0px;
}

a.lang_no:hover, a.lang_no:active {
  font-size: 10pt;
  font-weight: normal;
  color: #00508a;
  text-decoration: underline;
  display: block;
  padding: 0 0 5px;
  position: relative;
  top: 0px;
  left: 0px;
}

A.lang_act:link, A.lang_act:visited, a.lang_act:hover, a.lang_act:active {
  font-size: 10pt;
  font-weight: normal;
  color: #00508a;
  text-decoration: none;
  display: block;
  padding: 0 0 5px;
  position: relative;
  top: 0px;
  left: 0px;
}



/****************************** MICRONAVIGATION *******************************/

#micronavigation {
  width: 750px;
  float:left;
  color: #00508a;
  font-size: 10pt;
  font-style: italic;
  margin: 8px 0 0 25px;
  height: 16px;
}

#micronavigation a:link, #micronavigation a:visited {
  color: #00508a;
  text-decoration: none;
  }

#micronavigation a:hover, #micronavigation a:active {
  color: #00508a;
  text-decoration: underline;
  }


/******************************* SUCH-FORMULAR ********************************/

#suchtext {
  width: 51px;
  height: 24px;
  background-color: #060;
  border: 0;
  padding-left: 5px;
}

#suchfeld {
  width: 107px;
  height: 24px;
  background-color: #060;
}

#suchbutton {
  width: 16px;
  height: 24px;
  border: 0;
}

.tx-indexedsearch-searchbox label {
  margin-right: 5px;
  }

.tx-indexedsearch-searchbox-sword {
  border: 1px solid #00508a;
  margin-right:10px;
}

.tx-indexedsearch-searchbox-button {
  border: none;
  background: #00508a;
  color: #fff;
  cursor: pointer;
}

.tx-indexedsearch-searchbox-buttonhover {
  border: none;
  background: #d4e1eb;
  color: #00508a;
  cursor: pointer;
  width: 100px;
}



/********************************** CONTENT ***********************************/


#contentbg {
  width: 786px;
  float: left;
}


.csc-linkToTop {
  font-size: 7pt;
  text-align: right;
}



div.csc-textpic .csc-textpic-imagewrap img {
  max-width: 100%;
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
  border: 1px solid #00508a;
}

#content .csc-textpic-caption {
  font-size:10pt;
  text-align: center;
  padding-top: 2px;
  padding-right:3px;
  padding-bottom:2px;
  padding-left:3px;
  color: #00508a;
}

.csc-textpic-caption span {
  display: inline;
  }

.csc-frame-indent3366 {
  padding-left: 12px;
}

.csc-frame-frame1 {
  background-color: #DEE4E9;
  padding: 1px 10px 1px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.csc-frame-frame2 {
  background-color: #DEE4E9;
  border: 1px solid #748490;
  padding: 0 10px 0 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.csc-frame-rulerBefore {
   border-top: 1px solid #00508a;
}

.csc-frame-rulerAfter {
   border-bottom: 1px solid #00508a;
}

.csc-header-date {
   font-size: 7pt;
   margin-bottom: 0px;
}

#content {
  vertical-align: top;
  font-size: 10pt;
  color: #000;
  padding: 15px 30px 20px 22px;
  }

a:link, a:visited {
  color: #00508a;
  text-decoration: underline;
  }

a:hover, a:active {
  color: #00508a;
  text-decoration: none;
  }

#content h1 {
  font-size: 11pt;
  font-weight: bold;
  color: #00508a;
}

#content h2 {
  font-size: 10.5pt;
  font-weight: bold;
  color: #00508a;
}

#content h3 {
  font-size: 10pt;
  font-weight: bold;
  color: #00508a;
}

#content h4 {
  font-size: 9pt;
  font-weight: bold;
  color: #00508a;
}



/************************** Schleifverfahern Grid *****************************/

.schleifverfahren-map {
  margin-left: -5px;
  margin-right: -5px;
  }


.schleifverfahren-map .csc-textpic-imagerow { display: inline;}

.schleifverfahren-map div.csc-textpic-imagecolumn {
  margin-left: 5px;
  margin-right: 5px;
}

.schleifverfahren-map .csc-textpic-imagerow-last .csc-textpic-imagecolumn:nth-child(3),
.schleifverfahren-map .csc-textpic-imagerow-last .csc-textpic-lastcol {
  display: none;
  }


.schleifverfahren-map div.csc-textpic-imagecolumn figure.csc-textpic-image {
  position:relative;
  top:0;
  left:0;
}

.schleifverfahren-map div.csc-textpic-imagecolumn figure.csc-textpic-image figcaption {
  position: absolute;
  bottom: 1px;
  left: 1px;
  background: rgba(255, 255, 255, 0.85);
  width: 169px;
  min-height: 36px;
  padding: 0 0 0 !important;
  color: #000 !important;
  font-size: 10pt !important;
  pointer-events: none;
}

.schleifverfahren-map div.csc-textpic-imagecolumn figure.csc-textpic-image figcaption span {
  display: inline-block;
  padding: 2px 0;
  }

/******************************* CONTENT-Rechts *******************************/


#rechtsbg {
  width: 204px;
  float:right;
}

#contentrechts {
  font-size: 10pt;
  color: #00508a;
  padding:0 18px 0 17px;
  }

#contentrechts p {
  margin: 0 0 15px 0;
}


#contentrechts a:link, #contentrechts  a:visited {
  color: #00508a;
  text-decoration: underline;
  }

#contentrechts a:hover, #contentrechts  a:active {
  color: #000;
  text-decoration: underline;
  }

#contentrechts h1 {
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#contentrechts h2 {
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#contentrechts h3 {
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#contentrechts h4 {
  font-size: 100%;
  font-weight: bold;
  color: #000;
}





/********************************* NAVIGATION *********************************/

 
#navibg {
  width: 990px;
  height: 30px;
  float: left;
  background: url(/fileadmin/administration/systembilder/navibg.gif) repeat-x;
}

#navigation {
  width: 990px;
  list-style: none;
  margin:1px 0 0 16px;
  padding:0;
}

#navigation .li1 {
  float: left;
  font-size: 10pt;
  position: relative;
}

#navigation .linie {
  float:left;
  background: #548ab1;
  width: 1px;
  height: 13px;
  overflow: hidden;
  margin-top: 7px;
}

A.level1_no:link, A.level1_no:visited {
  font-size: 10pt;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 5px 11px 7px 11px;
  position: relative;
  top: 0px;
  left: 0px;
}

a.level1_no:hover, a.level1_no:active {
  font-size: 10pt;
  font-weight: normal;
  color: #003573;
  text-decoration: none;
  display: block;
  background: #d4e1eb;
  padding: 5px 11px 7px 11px;
  position: relative;
  top: 0px;
  left: 0px;
}

A.level1_act:link, A.level1_act:visited, a.level1_act:hover, a.level1_act:active {
  font-size: 10pt;
  font-weight: normal;
  color: #003573;
  text-decoration: none;
  display: block;
  background: #d4e1eb;
  padding: 5px 11px 7px 11px;
  position: relative;
  top: 0px;
  left: 0px;
}


.l2wrap {
  display: none;
  list-style: none;
  margin: 0;
  padding:0;
  font-size: 1px;
  min-width: 168px;
  z-index: 20;
  background: #fff;
  border-top: 1px solid #001654;
  position: absolute;
  top:28px;
  left:0;
}

#navigation .li1:hover .l2wrap {
  display: block;
  }

.l2wrap .l2 {
  position: relative;
  }


A.level2_no:link, A.level2_no:visited {
  font-size: 10pt;
  font-weight: normal;
  color: #00508a;
  text-decoration: none;
  display: block;
  background: url(/fileadmin/administration/systembilder/l2pre.png) no-repeat;
  padding: 3px 15px 4px 20px;
  position: relative;
  top: 0px;
  left: 0px;
}

a.level2_no:hover, a.level2_no:active {
  font-size: 10pt;
  font-weight: normal;
  color: #00508a;
  text-decoration: none;
  display: block;
  background: url(/fileadmin/administration/systembilder/l2pre.png) no-repeat #e4ecf2;
  padding: 3px 15px 4px 20px;
  position: relative;
  top: 0px;
  left: 0px;
}

A.level2_act:link, A.level2_act:visited, a.level2_act:hover, a.level2_act:active {
  font-size: 10pt;
  font-weight: normal;
  color: #00508a;
  text-decoration: none;
  display: block;
  background: url(/fileadmin/administration/systembilder/l2pre.png) no-repeat #e4ecf2;
  padding: 3px 15px 4px 20px;
  position: relative;
  top: 0px;
  left: 0px;
}


A.level2_ifsub:link, A.level2_ifsub:visited {
  font-size: 10pt;
  font-weight: normal;
  color: #00508a;
  text-decoration: none;
  display: block;
  background: url(/fileadmin/administration/systembilder/l2presub.png) no-repeat;
  padding: 3px 15px 4px 20px;
  position: relative;
  top: 0px;
  left: 0px;
}

a.level2_ifsub:hover, a.level2_ifsub:active {
  font-size: 10pt;
  font-weight: normal;
  color: #00508a;
  text-decoration: none;
  display: block;
  background: url(/fileadmin/administration/systembilder/l2presub.png) no-repeat #e4ecf2;
  padding: 3px 15px 4px 20px;
  position: relative;
  top: 0px;
  left: 0px;
}

A.level2_actifsub:link, A.level2_actifsub:visited, a.level2_actifsub:hover, a.level2_actifsub:active {
  font-size: 10pt;
  font-weight: normal;
  color: #00508a;
  text-decoration: none;
  display: block;
  background: url(/fileadmin/administration/systembilder/l2presub.png) no-repeat #e4ecf2;
  padding: 3px 15px 4px 20px;
  position: relative;
  top: 0px;
  left: 0px;
}


.l3wrap {
  display: none;
  list-style: none;
  margin: 0 0 0 1px;
  padding:0;
  font-size: 1px;
  width: 168px;
  z-index: 50;
  background: #fff;
  border: 1px solid #001654;
  position: absolute;
  top:0;
  right:-170px;
}


#navigation .l2:hover .l3wrap {
  display: block;
  }


A.level3_no:link, A.level3_no:visited {
  font-size: 8pt;
  font-weight: normal;
  color: #000;
  text-decoration: none;
  display: block;
  padding: 0 0 0 0;
  position: relative;
  top: 0px;
  left: 0px;
}

a.level3_no:hover, a.level3_no:active {
  font-size: 8pt;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  display: block;
  padding: 0 0 0 0;
  position: relative;
  top: 0px;
  left: 0px;
}

A.level3_act:link, A.level3_act:visited, a.level3_act:hover, a.level3_act:active {
  font-size: 8pt;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  display: block;
  padding: 0 0 0 0;
  position: relative;
  top: 0px;
  left: 0px;
}


/********************* MOBILNAVIGATION ***********************/


.lang-button {
  display:none;
}


.mobillang {
  display: none;
  margin: 48px auto 10px;
  text-align:left;
  width: 98%;
}


.mobilnavibg {
  display: none;
  margin: 48px auto 10px;
  text-align:left;
  width: 98%;
}

.show {
  display: inline-block;
}

.mobilNavigation {
  list-style: none;
  margin:0;
  padding:0;
  width: 100%;
  display: block;
}

.mobilNavigation li {
  margin: 0 10px;
  border-top: 1px solid #eee;
}

.mobilNavigation li:first-child {
  border-top: none;
}



A.mlevel1_no:link, A.mlevel1_no:visited {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 6px 20px 7px;
  position: relative;
  top: 0px;
  left: 0px;
}

a.mlevel1_no:hover, a.mlevel1_no:active {
  font-size: 20px;
  font-weight: normal;
  color: #003573;
  text-decoration: none;
  display: block;
  background: #d4e1eb;
  padding: 6px 20px 7px;
  position: relative;
  top: 0px;
  left: 0px;
}


A.mlevel1_act:link, A.mlevel1_act:visited, a.mlevel1_act:hover, a.mlevel1_act:active {
  font-size: 20px;
  font-weight: normal;
  color: #003573;
  text-decoration: none;
  display: block;
  background: #d4e1eb;
  padding: 6px 20px 7px;
  position: relative;
  top: 0px;
  left: 0px;
}


div.mlevel1_no span {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 6px 20px 7px;
  position: relative;
  top: 0px;
  left: 0px;
  cursor:pointer;
}
div.mlevel1_no span:hover,
div.mlevel1_act span {
  font-size: 20px;
  font-weight: normal;
  color: #003573;
  text-decoration: none;
  display: block;
  background: #d4e1eb;
  padding: 6px 20px 7px;
  position: relative;
  top: 0px;
  left: 0px;
  cursor:pointer;
}
  

.hassub span::after {
  font-family: FontAwesome;
  content: "\f054";
  float: right;
}

.hassub.act span::after {
  font-family: FontAwesome;
  content: "\f078";
  float: right;
}

.mobilNavigation li ul.mosub {
  list-style: none;
  margin:0;
  padding:0;
  width: 100%;
  display: none;
  background: #E4ECF2;
}

.mobilNavigation li ul.mosub.act,
.mobilNavigation li div.mlevel1_act ul.mosub {
  display: block;
}

ul.mosub li {
  border-top: 1px solid #d4e1eb;
  margin:0;
  }

ul.mosub li:first-child {
  border-top: none;
  }

A.mlevel2_no:link, A.mlevel2_no:visited {
  font-size: 19px;
  font-weight: normal;
  color: #00508A;
  text-decoration: none;
  display: block;
  padding: 3px 40px 4px;
  background: url(/fileadmin/administration/systembilder/l2pre.png) no-repeat 10px top;
  position: relative;
  top: 0px;
  left: 0px;
}

a.mlevel2_no:hover, a.mlevel2_no:active {
  font-size: 19px;
  font-weight: normal;
  color: #00508A;
  text-decoration: none;
  display: block;
  padding: 3px 40px 4px;
  background: url(/fileadmin/administration/systembilder/l2pre.png) no-repeat 10px top #d4e1eb;
  position: relative;
  top: 0px;
  left: 0px;
}

A.mlevel2_act:link, A.mlevel2_act:visited, a.mlevel2_act:hover, a.mlevel2_act:active {
  font-size: 19px;
  font-weight: normal;
  color: #00508A;
  text-decoration: none;
  display: block;
  padding: 3px 40px 4px;
  background: url(/fileadmin/administration/systembilder/l2pre.png) no-repeat 10px top #d4e1eb;
  position: relative;
  top: 0px;
  left: 0px;
}

A.mlevel2_no.hassub2::after {
  font-family: FontAwesome;
  content: "\f054";
  float: right;
  color: #f00;
  
}

A.mlevel2_act.hassub2::after {
  font-family: FontAwesome;
  content: "\f078";
  float: right;
  color: #f00;
}


ul.mul3 {
  list-style: none;
  margin:0;
  padding:0;
  width: 100%;
  display: block;
  background: #fff;
}


A.mlevel3_no:link, A.mlevel3_no:visited {
  font-size: 19px;
  font-weight: normal;
  color: #00508A;
  text-decoration: none;
  display: block;
  padding: 3px 50px 4px;
  background: url(/fileadmin/administration/systembilder/l2pre.png) no-repeat 20px top;
  position: relative;
  top: 0px;
  left: 0px;
}

a.mlevel3_no:hover, a.mlevel3_no:active {
  font-size: 19px;
  font-weight: normal;
  color: #00508A;
  text-decoration: none;
  display: block;
  padding: 3px 50px 4px;
  background: url(/fileadmin/administration/systembilder/l2pre.png) no-repeat 20px top #d4e1eb;
  position: relative;
  top: 0px;
  left: 0px;
}

A.mlevel3_act:link, A.mlevel3_act:visited, a.mlevel3_act:hover, a.mlevel3_act:active {
  font-size: 19px;
  font-weight: normal;
  color: #00508A;
  text-decoration: none;
  display: block;
  padding: 3px 50px 4px;
  background: url(/fileadmin/administration/systembilder/l2pre.png) no-repeat 20px top #d4e1eb;
  position: relative;
  top: 0px;
  left: 0px;
}


span.externalLang {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 12px 20px 7px 10px;
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0 10px;
  border-top: 4px double #eee;
}

/******************  FUNKTIONSMENU **********************/


#fktmenu {
  list-style: none;
  margin: 6px 0 0 1px;
  padding:0;
}

#fktmenu li {
  float: left;
}

A.fkt_no:link, A.fkt_no:visited {
  font-size: 7.5pt;
  font-weight: normal;
  color: #00508a;
  text-decoration: none;
  padding: 0 10px 0 0;
  position: relative;
  top: 0px;
  left: 0px;
}

a.fkt_no:hover, a.fkt_no:active {
  font-size: 7.5pt;
  font-weight: normal;
  color: #00508a;
  text-decoration: underline;
  padding: 0 10px 0 0;
  position: relative;
  top: 0px;
  left: 0px;
}

A.fkt_act:link, A.fkt_act:visited, a.fkt_act:hover, a.fkt_act:active {
  font-size: 7.5pt;
  font-weight: normal;
  color: #00508a;
  text-decoration: none;
  padding: 0 10px 0 0;
  position: relative;
  top: 0px;
  left: 0px;
}



a.download_pdf{
 padding-left: 23px;
 background: url(/fileadmin/administration/systembilder/icons/pdf-icon.gif) no-repeat center left;
}

a.download_doc {
 padding-left: 23px;
 background: url(/fileadmin/administration/systembilder/icons/doc-icon.gif) no-repeat center left;
}

a.download_xls {
 padding-left: 23px;
 background: url(/fileadmin/administration/systembilder/icons/xls-icon.gif) no-repeat center left;
}

a.lr-logo {
 padding-left: 33px;
 background: url(/fileadmin/administration/systembilder/icons/lr-logo.png) no-repeat center left;
}



/*********************** ROUTENPLANER ********************************/


.routenform #start {
  border: 1px solid #00508a;
}


.routenform #button {
  background: #00508a;
  border: none;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}


table.directions th {
  height:20px;
  background-color:#d4e1eb;
  border:0px solid #000;
  font-size: 10pt;
  font-weight: bold;
  padding-left:3px;
}

table.directions td {
  font-size: 8pt;
}  


/********************* EXTRA NAVI ********************************/


#extranavi {
  float: left;
  background: #00508a;
  padding: 0;
  margin-bottom: 20px;
  width: 100%;
}
#extranavi div {
  text-align: center;
}

.l3 {
  float: left;
  display: inline-block;
  min-width: 120px;
  margin: 4px 0;
}

div.l3:first-child:nth-last-child(1) {
    width: 100%;
}
div.l3:first-child:nth-last-child(2),
div.l3:first-child:nth-last-child(2) ~ div.l3 {
    width: 50%;
}
div.l3:first-child:nth-last-child(3),
div.l3:first-child:nth-last-child(3) ~ div.l3 {
    width: 33.3333%;
}
div.l3:first-child:nth-last-child(4),
div.l3:first-child:nth-last-child(4) ~ div.l3 {
    width: 25%;
}
div.l3:first-child:nth-last-child(5),
div.l3:first-child:nth-last-child(5) ~ div.l3 {
    width: 20%;
}
div.l3:first-child:nth-last-child(6),
div.l3:first-child:nth-last-child(6) ~ div.l3 {
    width: 16.6666%;
}
div.l3:first-child:nth-last-child(7),
div.l3:first-child:nth-last-child(7) ~ div.l3 {
    width: 14.2857%;
}

div.l3:first-child:nth-last-child(8),
div.l3:first-child:nth-last-child(8) ~ div.l3 {
    width: 12.5%;
}


div.l3 span {
  width: 110px;
  margin: 0 auto;
  display: block;
  }

.l3 span img {
  border: 1px solid #fff;
  margin-bottom: 3px;
  max-width: 80px;
  height: auto;
}

A.level3_no:link, A.level3_no:visited {
  font-size: 10pt;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: block;
  height: 157px;
  background: #407ca7;
  padding: 3px 10px;
  position: relative;
  top: 0px;
  left: 0px;
}

a.level3_no:hover, a.level3_no:active {
  font-size: 10pt;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: block;
  height: 157px;
  background: #e00;
  padding: 3px 10px;
  position: relative;
  top: 0px;
  left: 0px;
}

A.level3_act:link, A.level3_act:visited, a.level3_act:hover, a.level3_act:active {
  font-size: 10pt;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: block;
  height: 157px;
  background: #e00;
  padding: 3px 10px;
  position: relative;
  top: 0px;
  left: 0px;
}



/*********************** TABS *****************************/

.rgtabs-container .contenttable {
  width: 100%;
}

.rgtabs-container .contenttable td {
  width: 50%;
  vertical-align: top;
  padding-bottom: 15px;
}


/********************* MULTICONTENT ****************************/

.tx-jfmulticontent-pi1 {
  width: 100%;
  padding: 0 0 24px 1px;
}

.subcl, .subc, .subcr {
  width: 136px;
  height: 145px;
  background: #e00;
  padding: 1px;
  margin:0;
  float: left;
  position: relative;
}

.subcl, .subc {
  margin-right: 10px;
  margin-bottom: 10px;
}


.subcr {
  display: none;
  }

/*************************** ACCORDION *************************/


.accordion-headline.icon-close {
  background: rgba(242,242,242,1);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 27%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 27%, rgba(255,255,255,1) 100%);
  cursor: pointer;
  border: 1px solid #ccc;
  width: 100%;
}

.accordion-headline.icon-open {
  background: rgba(109,157,194,1);
  background: -webkit-linear-gradient(top, rgba(108,157,194,1) 0%, rgba(58,100,140,1) 100%);
  background: linear-gradient(to bottom, rgba(109,157,194,1) 0%, rgba(58,100,140,1) 100%);
  cursor: pointer;
  border: 1px solid #ccc;
  border-bottom:0;
  width: 100%;
}

#content .accordion-headline h1 {
  margin:0;
  padding: 4px 0 8px 20px;
}


#content .accordion-headline.icon-open h1 {
  color: #fff;
}
  

.accordion-content {
  width: 100%;
  border: 1px solid #ccc;
  overflow: hidden;
  }
.accordion-content.hidden {
  display: none;
  }

.accordion-content .accordion-inner {
  padding: 10px 20px;
  }

/*********************  KARUSSELL *******************************/


.jcarousel-skin-ie7 .jcarousel-container {
    background: #00508a;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
  width: 725px;
  padding: 0;
  margin-left: 2px;
}


.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  663px;
    height: 135px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    margin: 0 30px;
}


.jcarousel-skin-ie7 .jcarousel-item {
    width: 109px;
    height: 131px;
    border: none;
    background: #a1bed4;
}

.jcarousel-item p {
  margin:0;
  padding:0;
  font-weight: bold;
  text-align: center;
}

.jcarousel-item a {
  text-decoration: none;
}

.jcarousel-item a:hover {
  text-decoration: none;
  color: #fff;
}


.jcarousel-item img {
  margin: 4px 4px 0 4px;
}


.jcarousel-skin-ie7 .jcarousel-item:hover {
    background: #e00;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin: 2px 10px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 135px;
    cursor: pointer;
    background: transparent url(/fileadmin/administration/systembilder/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -30px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -30px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -60px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 135px;
    cursor: pointer;
    background: transparent url(/fileadmin/administration/systembilder/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -30px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -30px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -60px 0;
}


#nav span a {
  display: block;
}

#nav span ul {
  position: absolute;
  left: -999em;
  width: 125px;
  height: auto;
  font-weight: normal;
  margin: 0px;
  padding: 5px;
  list-style: none;
  z-index:20;
}



#nav span:hover ul, #nav span.sfhover ul {
  left: auto;
  color: #666;
  background-color: #e4ecf2;
  float: left;
}

#lang li ul li {
  color: #666;
  padding: 2px 0;
  width: 115px;
}



/**************************** Kontakt/Rückruf/Such Buttons ************************/



.rechtsbuttons {
  width: 169px;
  margin-bottom: 15px;
}

.rechtstrenner {
  margin: 0 -12px 15px -14px;
  border-bottom: 1px solid #00508a;
  height: 1px;
}

/*
#contentrechts .rechtsbuttons a {
  display: block;
  background: rgba(109,157,194,1);
  background: -webkit-linear-gradient(top, rgba(108,157,194,1) 0%, rgba(58,100,140,1) 100%);
  background: linear-gradient(to bottom, rgba(109,157,194,1) 0%, rgba(58,100,140,1) 100%);
  color: #fff;
  font-size: 10pt;
  text-decoration: none;
  padding: 3px 0 4px 6px;
}

#contentrechts .rechtsbuttons a::before {
  content: ">";
  margin-right: 5px;
}
*/

/*********************** RESPONSIVE ***********************/


@media all and (max-width:989px) {

  body {
    background-image: none;
  }
  
  div#bodybg,
  #kopf,
  #mainbg,
  #contentbg,
  #kopfbild {
    width: 100%;
  }

  #rechtsbg {
    width: 100%;
    float: left;
    border-top: 4px double #f00;
    background: #d4e1eb;
    border-bottom: 4px double #f00;
  }
  
  td,
  .tx-indexedsearch-searchbox-button {
    font-size: 12pt;
  }

  #content,
  #contentrechts {
    padding: 15px 22px 20px;
    font-size: 12pt;
  }

  
  #kopfbild img{
    width: 100%;
    height: auto;
  }

  .kopf-bg {
    display: none;
  }

  #navibg {
    width: 100%;
    height: auto;
    min-height: 48px;
    position: relative;
    background-image: none;
    background: rgba(0,80,138,1);
  }
  
  #navibg.sticky {
    position: fixed;
    top:0;
    left:0;
    z-index: 99;
    border-bottom: 2px solid #f00;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    max-height: 100%;
    overflow: scroll;
  }

  ul#navigation,
  ul#lang {
    display: none;
  }

  .lang-button {
    display: block;
  }
   
  .lang-button.ro {
    width: 32px;
    height: 23px;
    background: url(/fileadmin/administration/systembilder/flag-ro.png) no-repeat;
    position: absolute;
    top: 14px;
    right: 86px;
    cursor: pointer;
  }

  .lang-button.ru {
    width: 32px;
    height: 23px;
    background: url(/fileadmin/administration/systembilder/flag-ru.png) no-repeat;
    position: absolute;
    top: 14px;
    right: 86px;
    cursor: pointer
  }

  .lang-button.es {
    width: 32px;
    height: 23px;
    background: url(/fileadmin/administration/systembilder/flag-es.png) no-repeat;
    position: absolute;
    top: 14px;
    right: 86px;
    cursor: pointer
  }
   
  .lang-button.cn {
    width: 32px;
    height: 23px;
    background: url(/fileadmin/administration/systembilder/flag-cn.png) no-repeat;
    position: absolute;
    top: 14px;
    right: 86px;
    cursor: pointer;
  }

  .lang-button.it {
    width: 32px;
    height: 23px;
    background: url(/fileadmin/administration/systembilder/flag-it.png) no-repeat;
    position: absolute;
    top: 14px;
    right: 86px;
    cursor: pointer
  }

  .lang-button.tr {
    width: 32px;
    height: 23px;
    background: url(/fileadmin/administration/systembilder/flag-tr.png) no-repeat;
    position: absolute;
    top: 14px;
    right: 86px;
    cursor: pointer
  }
   
  .lang-button.pt {
    width: 32px;
    height: 23px;
    background: url(/fileadmin/administration/systembilder/flag-pt.png) no-repeat;
    position: absolute;
    top: 14px;
    right: 86px;
    cursor: pointer;
  }

 
  .nav-button {
    width: 50px;
    height: 50px;
    display: block;
    float: right;
    cursor: pointer;
    position:absolute;
    top: 0;
    right:10px;
  }

  .nav-button.toggle-on::before {
    font-family: FontAwesome;
    content: "\f0c9";
    color: #fff;
    font-size: 42px;
    line-height: 50px;
  }

  .nav-button.toggle-off::before {
    font-family: FontAwesome;
    content: "\f00d";
    color: #fff;
    font-size: 42px;
    line-height: 50px;
  }

  #fktmenu {
    margin: 10px 22px 30px;
  }
  
  #fktmenu li {
    width: 120px;
  }

  A.fkt_no:link, A.fkt_no:visited, a.fkt_no:hover, a.fkt_no:active,
  A.fkt_act:link, A.fkt_act:visited, a.fkt_act:hover, a.fkt_act:active {
    font-size: 12pt;
    padding: 0 20px 10px 0;
    display: block;
  }
  
  a.fkt_no::before, a.fkt_act::before {
    font-family: FontAwesome;
    content: "\f054";
    font-size: 7.5pt;
    padding-right: 8px;
  }

  .rechtsbuttons { width: 190px;}

  #contentrechts .rechtsbuttons a {
    font-size: 12pt;
    padding: 6px 0 6px 6px;
  }

}

@media all and (max-width:749px) {
  #fuss,
  #micronavigation {
    width:100%;
    margin-left:0;
  }

  #micronavigation span {
    display: block;
    margin-left: 22px;
  }
  
  DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
  DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
  FIGCAPTION.csc-textpic-caption {
    max-width: 100%;
  
  }
  
  .tx-indexedsearch-searchbox-sword {
    font-size: 14px;
    padding: 4px 6px;
  }

  .tx-indexedsearch-searchbox-button,
  .tx-indexedsearch-searchbox-buttonhover {
    padding: 2px 8px 4px;
    font-size: 18px;
  }
    
}


@media all and (max-width:638px) {

  
  #logo {
    display: none;
  }
  #logoMobile {
    display: block;
    overflow: hidden;
    margin-left:5px;
  }

}




@media all and (max-width:460px) {

  .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button,
  .tx-indexedsearch-searchbox-buttonhover {
    width: 50%;
    margin: 10px 20%;
    display: inline-block;
  }
}

@media all and (max-width:400px) {
  .schleifverfahren-map .csc-textpic-imagerow-last .csc-textpic-imagecolumn:nth-child(3),
  .schleifverfahren-map .csc-textpic-imagerow-last .csc-textpic-lastcol {
    width: 171px;
    height:1px;
    padding:0;
    font-size:0px;
    line-height:0px;
    display: inline-block;
  }
}

@media all and (max-width:340px) {

  .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button,
  .tx-indexedsearch-searchbox-buttonhover {
    margin-left: 0;
  }
}